/* CSS
   template webtom grey by tom.cryns@webtom.be
*/

#bd {
        font-family: "Trebuchet MS", Verdana, geneva, sans-serif;
        font-size:small;
        background:#ccc;
        margin:0;
        padding:0;
}
#container {
        width:1040px;
        margin:30px auto;
        padding:10px;
        background:#ffffff;
        font-size:95%;
        position:relative;
}
#watermark {
        height:20px;
        margin:0px;
        padding:5px 20px;
        color:#CCCCCC;
        font-size:95%;
        text-align:left;
        background:#333 url(../img/tlcorner.gif) top left no-repeat;
}
#header {
        height:80px;
        margin:0;
        padding:30px 20px;
        background:#666  url(../img/headerbg.gif) bottom right no-repeat;
        color:#fff;
        font-size:95%;
        text-align:left;
}
#logo img {
        float:left;
        height:80px;
        margin:;
        color:#fff;

}
#nav
{
          float:left;
          width:100%;
          margin:0;
          padding:10px 0px;
          font-family: "Trebuchet MS", Verdana, Sans-Serif;
          font-size:100%;
          background:#777;
          color: #333;
}
#nav b {
         display:inline;
         float:left;
}
#search
        {
        border: 1px solid rgb(80,80,80);
        font-size: 10px;
        height: 14px;
        width: 80px;
        }
 <!-- towa koeto e poleto okolo search -->
#searchbox
        {
        background: rgb(100,100,100);
        width: 190px;
        }
#searchsite
        {
        position:relative;;
        text-align: right;
        width: 99%;
        }
#submit
        {
        background: rgb(180,180,180) url('../img/arrow.gif') no-repeat center;
        border: 1px solid rgb(80,80,80);
        font-size: 13px;
        height: 18px;
        width: 25px;
        margin:0px 5px 0px 0px;
        }
#title2
        {
        background: rgb(100,100,100) url('../img/top_rgt_tab.bmp') no-repeat right top;
        float: right;
        font-family: arial;
        font-size: 12px;
        height: 100px;
        text-align: left;
        width: 150px;
        }


#sidebar
{
position:absolute;
        float:left;
        width:190px;
        height:610px;
        margin:5px 5px 5px 0px;
        padding:5px;
        color:#fff;
        background:#666;
        position:relative;
}
#sidebarnav ul{
             position:absolute;
             top:20;
             width:200px;
             list-style:none;
}
#sidebarnav li {
            margin:10px 0;
            list-style:none;
}
#sidebarnav li a {
             color:#eee;
             display:block;
             font-weight: bold;
             text-align: center;
             text-decoration: none;
}
#sidebarnav li a:hover {
        background:#999;
}
#form2
        {
        margin: 5px;
        padding: 5px;
        text-align: center;
        }
#form1
        {
        margin: 0px;
        padding: 0px;
        }
input.button {
       background-color: #5C5C5C;
       font-weight: bold;
       font-size:
       15px; color: #ccc; 
       }

input.box {background-color: #929292; font-size: 15px;}



#midcontainer {
 float:left;
 width:810px;
 height:100%;
 background:#cccccc;
 margin:5px 0px 5px 5px;
 padding:10px;
 font-size:95%;
 position:relative;
}



 #pic {
 			
          float:left;
          width:120px;
          margin:10px 20px 10px 10px;
          padding:10px 5px 5px 10px;
          text-align:center;

}
#pictext {
          float:left;
          width:120px;
          margin:0px 5px 0px 0px;
          padding:0px 5px 0px 0px;
          text-align:left;

}
#pic li{
		font-size:small;
        text-decoration:none;
        margin:0px 0px;
        padding:0px;
        display : inline;
        font-weight: bold;
        color:black;
}
#pic a{
      background:#ccc;
         color:#555;
         font-size:95%;
         text-align:center;
} 
#pic img-shadow {
  float:left;
  background: url(../img/shadow.gif) no-repeat bottom right;
  }

#pic img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;

  }

#page {
          float:none;
          width:95%;
          margin:5px 5px 5px 5px;
          padding:10px 5px 10px 5px;
          background:#ccc;
          text-align:center;
          
}
#page li{
        text-decoration:none;
        margin:0px 0px;
        padding:0px;
        display : inline;
        font-weight: bold;
}
#page a{
         text-decoration:none;
         background:#cccccc;
         color:#555;
         font-size:95%;
         text-align:center;
}
 #page li a:link
        {
        color: rgb(0,0,0);
        text-align: center;
        }
#page li a:visited
        {
        color: rgb(140,140,140);
        text-decoration: none;
        }

        
 a:link
        {
        color: white;
        text-align: center;
        }
 a:visited
        {
        color:black;
        text-decoration: none;
        }
a:hover
        {
        color: black;
        text-decoration: none;
        }
a:active
        {
        color:white;
        text-decoration: none;
        }

#link  a:link
        {
        color: white;
        text-align: center;
        text-decoration:none;
        }
#link  a:visited
        {
        color: black;
        text-decoration: none;
        }
#link  a:hover
        {
        color: black;
        text-decoration: none;
        }
#link  a:active
        {
        color: white;
        text-decoration: none;
        }

#link {
          float:none;
          width:95%;
          margin:0px 5px 5px 5px;
          padding:0px 5px 10px 5px;
          text-align:center;  
          text-decoration:none;      
}

#ads {
         height:30px;
         margin:0;
         padding:0 20px;
         background:#ddd;
         color:#555;
         font-size:95%;
         text-align:right;
         clear:both;
}

#footer {
  clear:both;
   height:20px;
  padding: 5px 10px;
  background:#333 url(../img/brcorner.gif) bottom right no-repeat;
  color:#fff;
  font-family: Verdana, sans-serif;
  font-size:85%;
  text-align:left;
}

#footer a
{
 color:#fff;
}

 <!-- za linkowete na menuto-->
  #sidebar a
{
  font-weight: bold;
  text-align:center;
}

#nav li a {
  margin:0px 0px;
        padding:7px;
        color:#ddd;
        text-decoration:none;
  font-weight: bold;
}


#bar3

{         float:left;
          width:100%;
          margin:0;
          padding:10px 0px;
          font-family: "Trebuchet MS", Verdana, Sans-Serif;
          font-size:100%;
          background:#777;
          color: #333;
          possition:absolute;
          text-align: left;
}

#bar3 input.box

{
		float:right;
		background-color: #929292;		
		color: #ccc;
			
}

#bar3 input.button

{
		float:right;
		background-color: #5C5C5C;
       font-weight: bold;
       font-size:
       15px; color: #ccc;
			
}

b.rtop, b.rbottom
        {
        display:block;
        width: 190px;
        background: #777;
        }
b.rtop b
        {
        display:block;
        height: 1px;
        overflow: hidden;
        background: rgb(100,100,100);
        }
b.rbottom b
        {
        display:block;
        height: 1px;
        overflow: hidden;
        background: rgb(100,100,100);
        }
b.r1
        {
        margin: 0 5px;
        }
b.r2
        {
        margin: 0 3px;
        }
b.r3
        {
        margin: 0 2px;
        }
b.rtop b.r4, b.rbottom b.r4
        {
        margin: 0 1px;
        height: 2px;
        }
b.right
{
position: absolute;
right: 20px
}
li.right
{
position: absolute;
right: 90px
}


#img-shadow {
  float:left;
  background: url(../img/shadow.gif) no-repeat bottom right;
  }

#img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;

  }


#button1 a {
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(../img/cat.jpg);
    background-position: 0 0 0 0;
    margin: 0 auto;
}
#button1 a:hover {
    background-position: 0px 50px 50px 0px;
}
#alt a { display: none; }

.wrap1, .wrap2, .wrap3 {
  display:block;
  }
.wrap1 {
  float:left;
  background:url(../img/shadow1.gif)no-repeat right bottom ;
  }
.wrap2 {
  background:url(../img/corner_bl.gif)no-repeat left bottom ;
  }
.wrap3 {
 padding:0 4px 4px 0;
  background:url(../img/corner_tr.gif)no-repeat right top ;
  }
div.shadow{float:left; padding: 0 6px 0px 0;
    background: url(../img/dropshadow.png) no-repeat bottom right}
div.shadow img{display: block;position: relative;
    top: -3px;left:-3px;padding:5px;background:#FFF;
    border:1px solid;border-color: #ccc #666 #666 #ccc}
  
#err {
        font-family: arial;
        font-size: 18px;
        text-align: center;
       
 	 } 	   
#uploadsite
        {
        position:relative;
        text-align: center;
        width: 90%;
        border: 5px solid ;
        border-color :#5C5C5C;
        margin:8px 8px 8px -5px;
        padding:0px;
        }
        
#newalbum
        {
        position:relative;
        text-align: center;
        width: 90%;
        border: 5px solid ;
        border-color :#5C5C5C;
        margin:8px 8px 8px -5px;
        padding:0px;
        }
        
#uploadbox
        {
        background: rgb(100,100,100);
        width: 180px;
        }        
#browse
        {
        background: rgb(180,180,180);
        border: 1px solid rgb(80,80,80);
        font-size: 13px;
        height: 18px;
        width: 25px;
        margin:0px 5px 0px 0px;
        background-color: #5C5C5C; 
        font-weight: bold; 
	 color: #DEDA9B;
        }  
#submitupl
        {
        background: rgb(180,180,180);
        border: 1px solid rgb(80,80,80);
        font-size: 13px;
        height: 18px;
        width: 25px;
        margin:0px 5px 0px 0px;
        }        
#upload
        {
        background-color: #929292;
        font-size: 13px;
        height: 14px;
        width:90%;
        margin:0px 5px 10px 0px;
        }       
#combo
        {
        background-color: #929292;
        font-size: 13px;
        height: 20px;
        width: 90%;
        }   

input.button1 {background-color: #5C5C5C; font-weight: bold; font-size: 12px; color: #DEDA9B;  float:right;}

input.box1 {background-color: #929292; font-size: 15px; float:left;}   

#labelupl{
	background-color: #5C5C5C;
	text-align: center;
	font-size: 150%;
	color: white;
	
	
	}
#sidebar1
{
        position:absolute;
        float:left;
        width:200px;
        height:770px;
        margin:5px 5px 5px 0px;
        padding:0px;
        color:#fff;
        background:#666;
        position:relative;
}     
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	right:0px;
	z-index: -1;
	text-align: right;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 10);
	opacity: 0;
	z-index: 2;
}

#text {
	font-size: x-large;
	color: black;
}
            
            